.contact_1{background: url(../images/rep.jpg) repeat;padding-bottom: 60px;}
.workChange{background: #fff;}
.workChange dl dd .top{ position: relative;}
.workChange .dt{background: url(../images/lanse.jpg) no-repeat;background-size:cover;color: #fff;font-size: 18px;font-weight: bold;line-height: 50px;position: relative;}
.workChange dl dd{color: #333;line-height: 49px;border: 1px solid #dedede;border-top: 0;font-size: 16px;cursor: pointer;}
.workChange .dd1{float: left;padding-left: 30px;width: 120px;}
.workChange .dd1 span{display: inline-block;width: 24px;text-align:center;height: 24px;line-height: 24px;border: 1px solid #a6a6a6;border-radius: 50%;font-family: arial;}
.workChange .dd2{float: left;}
.workChange .dd3{position: absolute;right: 27.5%;top: 0;}
.workChange .dd4{ position: absolute;right: 30px;top: 50%;margin-top:-9px;width: 18px;height: 18px;background: url(../images/aa1.png) no-repeat;}
.workChange dl dd.on .top{background: #a6a6a6;color: #fff;}
.workChange dl dd.on{border-color: #a6a6a6;}
.workChange dl dd.on .dd1 span{border-color: #fff;}
.workChange dl dd.on .dd4{transform:rotate(180deg);-webkit-transform:rotate(180deg);background: url(../images/aa.png) no-repeat;}
.displayOrHide { display: none;}
.displayOrHide .zrTit{margin: 20px 120px;padding-bottom:20px;position: relative;}
.displayOrHide .zrTit:before{ position: absolute;left: 50%;top: 0;height: 100%;width: 1px;background: #D6D6D6;}
.displayOrHide .zrTit h3{line-height:30px;color: #404040;font-size: 16px;padding-left: 15px;background: url(../images/dian.png) no-repeat left center;}
.displayOrHide .zrTit .txt{ font-size: 13px;color: #8c8c8c;line-height: 24px;}
.displayOrHide .zrTit .fl{width: 45%;}
.displayOrHide .zrTit .fr{width: 45%;}
.displayOrHide .shenqing{ width: 76px;text-align: center;height: 76px; line-height: 76px;background: #ee7700;color: #fff;border-radius: 50%;display: block;margin: auto auto;font-size: 14px;margin-bottom: 35px;}
.displayOrHide .shenqing:hover{background: #1367B2;}
.editorScroll{ height: 400px;}
 .slimScrollBar{background: #4e81b0 !important;width: 6px !important;}
 .slimScrollRail{width: 6px !important;background: #e2e2e2 !important;border-radius: 3px !important;}
.chooseCity {height: 305px;}
.areaDL dd{ position: relative;padding: 20px 0 20px 0;border-bottom: 1px dashed #ebebeb;}
.areaDL dd .scaleImg{float: left; width: 30%;}
.areaDL dd .txt{float: left;width: 65%;padding-left: 3%; padding-right: 2%;}
.areaDL dd .txt h4{ font-weight: bold; font-size: 14px;color: #005bac;}
.contact_3{ padding: 64px 0;background: url(../images/ditubg.jpg) no-repeat center;background-size: cover  !important;}
.contact_3 .padding{padding: 20px;background: url(../images/bs.png) repeat;}
.contact_3 .padding .fl{ width: 65%;}
.contact_3 .padding .fr{ width: 31%;}
.contact_3 .padding .fr>h2{ font-size: 24px;font-weight: bold;color: #005bac;padding-top: 45px;}
.contact_3 .padding .fr .txt{font-size: 14px;color: #666;line-height: 20px;margin-top: 25px;}
.contact_3 .padding .fr .txt p{padding: 5px 0;}
.contact_3 .padding .weibo a{display: inline-block;margin:auto;text-align: center; margin-top: 30px; font-size: 14px;color: #333333;}
.contact_3 .padding .weibo a img{ width: 190px;}
#map{ width: 100%; height: 460px;border: 1px solid #ccc;}
.BMap_pop .BMap_top{border-top: 0;}
.BMap_pop .BMap_center{border-left: 0;border-right: 0;}
.BMap_pop .BMap_bottom{}
.BMap_pop div{ border:0 !important;}
.BMapLabel{display: none !important;}


.onlineService{background: url(../images/zcbg3.jpg) no-repeat;background-size: cover !important;padding: 60px 0;}
.formSubmit{float: right;width: 56%;background: url(../images/bai.png) repeat;}
.formSubmit .form{ padding:20px 50px;}
.formSubmit .form .dd{font-size: 14px; position: relative;padding-left: 72px;line-height: 52px;border-bottom: 1px solid #cccccc;}
.formSubmit .form .dd span{position: absolute;left: 0;top: 0;}
.formSubmit .form .dd input[type=text]{border: none;width: 100%;background: transparent;*line-height: 52px;height: 52px;}
.formSubmit .form .dd input[type=radio]{width: 14px;height: 14px;-webkit-appearance: radio;position: relative;top: 2px;margin-left: 10px;margin-right: 5px;}
.formSubmit .form .dd textarea{border: none;width: 100%;height: 80px;background: transparent;margin-top: 17px;}
.formSubmit .form .submit input{ width: 100%;height: 38px;line-height: 38px;text-align: center;color: #fe7f00;background: #424242;border: none;transition:0.5s;-webkit-transition: 0.5s;}
.formSubmit .form .submit{margin-top: 20px;}
.formSubmit .form .submit input:hover{cursor: pointer;background: #005BAC;color: #fff;}
.onlineService .autoWidth{position: relative;}
.onlineService .titleH1 h1{font-weight: bold;font-size: 40px;font-family: arial;text-transform: uppercase;}
.onlineService .titleH1 h2{font-size: 28px;}
.onlineService .titleH1{text-align: left;color: #fff;position: absolute;left: 0;top: 50%;margin-top:-70px;}
.onlineService .titleH1 h2 span{background: #fff;display: inline-block;*display: inline;*zoom: 1;width: 60px;height: 3px;}



@media only screen and (max-width:1200px) {
	.displayOrHide .zrTit{ margin: 20px 30px;}
	.contact_3 .padding .fr>h2{ padding-top: 15px; font-size: 18px; max-height:40px;}
}
@media only screen and (max-width:640px) {
	.contact_3 .padding .fl,.contact_3 .padding .fr{ width: 100%; text-align:center;}
	#map{ height: 230px;}
	.contact_3 .padding .fr .txt{ float: left;width: 50%;}
	.onlineService .titleH1 h1{font-size: 36px;}
	.onlineService .titleH1 h2{font-size: 24px;}
	.onlineService .titleH1{ padding-top: 35px;}
}


@media only screen and (max-width:640px) {
	.workChange{ margin-top: 15px;}
	.displayOrHide .shenqing{ display: none;}
	.workChange .dt{ line-height: 40px; font-size: 16px;}
	.workChange .dd1{ padding-left: 15px; width: 90px;}
	.workChange dl dd{ line-height: 39px;font-size: 15px;}
	.editorScroll{ height: 320px;}
	.areaDL dd{ padding: 10px 0;}
	.areaDL dd .txt{ font-size: 12px;}
	.contact_1{ padding-bottom: 25px;}
	.contact_3 .padding .fr .txt{ float: none;width:100%;}
	.contact_3 { padding: 2.5% 0;}
	.contact_3 .padding .fr .txt p{padding: 0;}
	.formSubmit{ width: 100%;float: none;margin-top: 15px;}
	.onlineService{ padding: 15px 0 2.5% 0;}
	.formSubmit .form{padding: 20px;}
	.formSubmit .form .dd input[type=radio]{top: 0;}
	.onlineService .titleH1{position: static;margin-top: 0;text-align: center;color: #fff; padding-top: 3%;}
	.onlineService .titleH1 h2 span{background: #fff;}
	.onlineService .titleH1 h1{ font-size: 26px;}
	.onlineService .titleH1 h2{ font-size: 20px;}
	
	
}

@media only screen and (max-width:480px) {
	.editorScroll{ height: auto;}
	.workChange dl dd{font-size: 14px;}
	.workChange .dd1{ width: 60px;}
	.workChange .dd1 span{ font-size: 12px; height: 18px;line-height: 18px;width: 18px;position: relative;top: -1px;}
	.workChange .dd3{ right: 50px;}
	.workChange .dd4{ right: 15px;}
	.displayOrHide .zrTit h3{ font-size: 14px;}
	.displayOrHide .zrTit .fl,.displayOrHide .zrTit .fr{ width: 100%;}
	.displayOrHide .zrTit:before{ width: 0;}
	.displayOrHide .zrTit .txt{ font-size: 12px;}
	.displayOrHide .zrTit{ margin: 15px 20px;}
	.workChange .slimScrollBar,.workChange .slimScrollRail{ display: none !important;}
	.contact_3 .padding{ padding: 9px;}
	.areaDL dd .txt p{ font-size: 10px;}
	.contact_3 .padding .fr .txt,.contact_3 .padding .weibo a{ font-size: 12px; margin-top: 10px;}
	#map{ border: none; height: 190px;}
	.contact_3 .padding .fr>h2{ font-size: 16px;}
}